<template>
  <div id="waiter">
    <!-- 头部 -->
    <van-nav-bar title="联系客服" left-arrow @click-left="onClickLeft" />
    <!-- 客服服务 -->
    <div class="line">
      <div>
        <img src="../../assets/img/img-waiter/客服@3x.png" alt="" />
        <span>在线客服</span>
        <span>08:00-22:00</span>
      </div>
      <div>
        <img src="../../assets/img/img-waiter/热线@3x.png" alt="" />
        <span>热线电话</span>
        <span>07:00-22:00</span>
      </div>
    </div>
    <!-- 常见问题 -->
    <div class="common">常见问题</div>
    <ul>
      <li><a href="">不良信息举报</a></li>
      <li><a href="">配送问题 （超时未到、修改地址）</a></li>
      <li><a href="">配送范围问题</a></li>
      <li><a href="">订单问题 （取消订单、订单信息有误）</a></li>
      <li><a href="">商品问题 （不新鲜、少送漏送、退换货）</a></li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "Waiter",
  methods: {
    onClickLeft() {
      this.$router.go(-1);
      console.log(321);
    },
  },
};
</script>

<style lang="less" scoped>
@import "../../assets/less/waiter.less";
</style>
